<template>
  <section class="msg-replay">
    <div class="inner">
      <simple-title :title="'私信'" :show="false"></simple-title>
      <div class="content">
        <div class="top clearfix">
          <p class="float-left">与
            <span class="pink">红粉宝宝</span>
            的私信
            <span class="pink"> &lt;返回 </span>
          </p>
          <span class="pink float-right">
            <Icon type="ios-close-circle" />
            屏蔽消息
          </span>
        </div>
        <div class="replay-box">
          <Input v-model="value6" type="textarea" :rows="4" placeholder="Enter something..." />
          <div class="clearfix" style="padding-top: 10px">
            <p class="imoji float-left" style="font-size: 30px">
              <Icon type="ios-happy" />
              <Icon type="ios-image" />
            </p>
            <Button type="primary" class="float-right">发送</Button>
          </div>
        </div>
        <div class="message-box">
          <chart-item></chart-item>
        </div>
      </div>
    </div>
  </section>
</template>

<script>
import SimpleTitle from '../../../components/Title/SimpleTitle'
import ChartItem from '../../../components/ListItem/ChartItem'
export default {
  name: 'MsgReplay',
  components: {
      SimpleTitle,
      ChartItem
  },
   data () {
      return {

      }
   },
    created () {
    },
    methods: {
    }
}
</script>

<style lang="less" scoped>
  @import "../../../style/style.less";
  .msg-replay {
    border: 1px solid @border-color;
    padding: 15px;
    .content {
      padding-top: 15px;
      .replay-box {
        padding: 15px 0;
      }
    }
  }
</style>
